@charset "UTF-8";

.dir_r{ padding-left: 240px; }
.facet {padding-right:20px;margin: 0 !important;margin: 9px 0 0 0 !important;/*! box-sizing: border-box; */}
.facet ul li { margin-bottom: 10px;} 
.facet > div{ /*! width: 210px; */ margin:0;margin-bottom: 25px;}
.facet .f-grp > h2 {text-align: left !important; font-weight: bold !important; font-size: 19px; color: #292621; padding: 0 0 15px 0 !important; height: auto !important; position: relative; border-bottom: 1px solid #bfb8ac; margin-bottom: 15px; /*! padding-bottom: 15px !important; */}
.facet .fd-check {box-sizing: border-box; position: relative; display: block;font-size: 15px; color: #292621;letter-spacing: -1px; overflow: hidden;}
.facet .fd-check label {display: block;width: 100%;/*! padding: 0; */box-sizing: border-box;padding-left: 23px;font-weight: normal;font-size: 15px;}
.facet .fd-check input[type="checkbox"] {-webkit-appearance: none; appearance: none; background-color: #fff;  margin: 0;position: absolute; left:-1000px}
.facet .fd-check input[type="checkbox"]+label {background:url(../images/ic-checkbox-off.png) no-repeat left center;} 
.facet .fd-check input[type="checkbox"]:checked+label {background:url(../images/ic-checkbox-checked.png) no-repeat left center;}  
.facet .fd-2dep{margin-top:2px;}
.facet .fd-2dep li{margin-bottom:0; opacity:0.8;}
.facet .fd-2dep li .fd-check{padding-top: 7px;}
.facet .fd-2dep li label{font-size: 15px; font-weight: normal; color:#656565;}

 
.list-contents { padding:0 0 0 10px; background: #fff; border-radius: 6px;}
.list-contents .list-header { border-bottom:1px solid #d1d6d2; padding-bottom:10px;}
.list-contents .list-header:after {content: ""; display: block; clear: both;} 
.list-contents .list-header .list-cnt { color: #101010; font-size:16px; float:left;line-height: 33px;} 
.list-contents .list-header strong {color:#339999;}
.list-contents .list-header .list-search {line-height: 100%; float: right;display: inline-block;display: flex;}
.list-header input {width: 185px; height: 33px; line-height: 33px; border-radius: 3px; border: solid 1px #dedede; background-color: #fff; box-sizing: border-box;font-size: 16px; }
.list-header .btn-list-search { width: 33px; height:33px; background: url(../images/ic-list-search.png) no-repeat center center; font-size:0; border: 0; }
.list-contents .item { display: flex; align-items: flex-start;}
.list-body .item-thumb .img-box { height: 200px; width: 160px; background: #eee; display:flex; text-align:center; margin-right:30px;align-items: center;justify-content: center;}
.list-body .item-thumb .img-box img { width: auto; height: auto; max-height: 100%; max-width: 100%;}
.list-body ul li { padding:30px 0; border-bottom:1px solid #d1d6d2;  }
.list-body .item .sup-text {font-size: 14px; color:#ac9d8a; margin-bottom: 10px;}
.list-body .item .sup-text span { padding-right:10px; display:inline-block;}
.list-body .item .sup-text span+span { border-left: 1px solid #dbd3c9; padding-left:10px; line-height: 1.2;} 
.list-body .item .item-title {font-size: 25px;color:#000; margin-bottom:16px;}
.list-body .item .item-ds {font-size: 15px; line-height: 1.47; color: #000; font-weight: 300; margin-bottom: 30px; max-height: 5.88em; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;}
.list-body .item .item-link-more { display:inline-block; height: 32px; line-height: 32px; font-size: 14px; color:#666; border-radius: 17px; 
  background: url(../images/ic-link-arr-off.png) no-repeat right 20px center; border: solid 1px #eaeaea; padding:0 40px 0 20px; box-sizing:border-box;}
.list-body .item .item-link-more:hover { color:#fff; background: #238f92 url(../images/ic-link-arr-hover.png) no-repeat right 20px center; border-color:#0f8184; }
.year-type { min-height: 250px; overflow: auto; overflow-x: hidden;}

@media screen and (max-width:1170px){
.m_0{
	margin:10px 0 0 0 !important;
}
.dir_r {
    padding-left: 0;
}
.facet{
	margin: 275px 0 0 0 !important;
	padding:0 15px;
}
.facet .f-grp > h2{
	margin-bottom:0;
}
.facet .f-grp .f-list{
	display:none;
	background:#fff;
	padding:20px 10px 10px 10px;
	box-sizing:border-box;
}
.facet .f-grp > h2.on+.f-list{
	display:block;
}
.facet .f-grp > h2::after{
	content:'';
    position: absolute;
    top: 4px;
    right: 10px;
    transform: translateY(3px);
    border: solid #000;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 5px;
    transition: 0.7s;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    }
    .list-contents{
    padding:0
    }	
}
@media screen and (max-width:767px){
.facet {
    margin: 380px 0 0 0 !important;
    padding: 0 10px;
}
}
@media screen and (max-width:540px){
.facet {
    margin: 340px 0 0 0 !important;
    padding: 0 10px;
}
}